@charset "UTF-8";

$background-color: #01112f;

$border-color: #072559;

$grid-bg-color: #041430AA;

//$font-family: SourceHanSans;
$font-family: '微软雅黑';
$font-color: #f3f3f3;
$font-color-highlight: #8cd3fe;

$table-header-bg-color: #04132f;
$table-row-odd-bg-color: #02264d;
$table-row-even-bg-color: #021c3a;

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #1172ae;
}

* {
    color: white;
}

html, body {
    background: $background-color;
}

/******************************** 按钮 ************************************/

.dispatch-btn {
    padding: 0 15px;
    height: 32px;
    line-height: 32px;
    background-color: #00649d;
    color: white;
    font-size: 14px;
    border: none;
    border-radius: 3px;

    &:hover {
        cursor: pointer;
        background-color: #0284d4;
    }

    &.dispatch-btn-mini {
        padding: 0 10px;
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }
}


/******************************** miniui相关 ******************************/

.mini-grid-border, .mini-panel-header {
    border-color: $border-color;
}

.mini-splitter-border,
.mini-splitter .mini-splitter-pane1,
.mini-splitter .mini-splitter-pane2,
.mini-grid-footer, .mini-grid-pager, .mini-grid-filterRow {
    border-color: $border-color;
}

.mini-toolbar {
    background: $background-color;
    border: none !important;
}

.mini-tabs-space, .mini-tabs-space2 {
    border-color: $border-color;
}

.mini-grid-viewport {
    background: $background-color;
}

.mini-grid-headerCell, .mini-grid-topRightCell, .mini-grid-columnproxy {
    background-color: $table-header-bg-color !important;
}

.mini-pager {
    background-color: $background-color;

    .mini-pager-num {
        border: none;
        background-color: $background-color;
    }
}

body .mini-pager-size .mini-buttonedit .mini-buttonedit-border {
    border-color: $border-color;
    background: #093573;
}

.mini-popup {
    border-color: $border-color;
}

.mini-listbox-border {
    background: #093573;
}

.mini-listbox-item-selected {
    background: #00649d;

    td {
        background: #00649d!important;
    }
}


.mini-listbox-item-hover {
    background: #00649d;

    td {
        background: #00649d!important;
    }
}


.mini-listbox-item td {
    color: $font-color;
}

.mini-buttonedit-input {
    color: $font-color;
}

//.mini-popupedit .mini-buttonedit-trigger .mini-buttonedit-icon {
//    font-family: FontAwesome;
//    background: none;
//    color: $font-color;
//    content: "\f107";
//
//}

.mini-grid-row {
    background: $table-row-odd-bg-color;

    .mini-textbox-border {
        background: $table-row-odd-bg-color;
    }

    &.mini-grid-row-hover {
        background: #091f41 !important;

    }

    &.mini-grid-row-selected {
        background: #012e53 !important;

        .mini-grid-cell-selected {
            background: #012e53 !important;
        }
    }
}

.mini-grid-row-alt {
    background: $table-row-even-bg-color;

    .mini-textbox-border {
        background: $table-row-even-bg-color;
    }
}

.mini-grid-cell {
    border-color: $border-color;
    color: $font-color;
}

.mini-grid-headerCell {
    border-color: $border-color;

    .mini-grid-headerCell-inner {
        color: #8cd3fe;
        font-weight: normal !important;
    }
}

.mini-tab {
    background: #1f2d43;
    border-color: $border-color;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px!important;

    &.mini-tab-active {
        background: #0181b7;
    }
}

.mini-tabs-bodys {
    background: $background-color;
}

.mini-button.mini-menubutton {

    .mini-button-text {
        color: $background-color;
    }
}


.mini-toolbar {
    line-height: 40px!important;
}

.mini-button.mini-menubutton {
    background: none;

    &:hover {
        background: none;

        .mini-button-text {
            color: $font-color-highlight;
        }

    }

    .mini-button-text {
        color: $font-color;
    }

    .mini-button-allow.mini-button-menu {
        background-image: none;
        line-height: 16px;
        font-family: FontAwesome;

        &:before {
            content: "\f107";
        }
    }
}

.mini-menu {
    background: #091f41;

    .mini-menu-border {
        border-color: $border-color;
    }

    .mini-menuitem {
        background: #091f41;

        .mini-menuitem-text {
            color: $font-color;
        }
    }

    .mini-menuitem-hover {
        border-color: $border-color;

        .mini-menuitem-text {
            color: $font-color-highlight;
        }
    }
}

/********************** miniui基础控件 *************************/
.mini-textbox-border {
    border-color: $border-color;
    border-radius: 5px;
    background: #093573 !important;

    .mini-textbox-input {
        color: $font-color;
    }
}

//.mini-grid-checkbox {
//    background: none;
//    height: auto;
//    font-family: FontAwesome;
//
//    &:before {
//        content: '\f096';
//    }
//}
//
//.mini-grid-cell-selected {
//    .mini-grid-checkbox {
//        background: none!important;
//        height: auto;
//        font-family: FontAwesome;
//
//        &:before {
//            content: '\f046'!important;
//        }
//    }
//}